jQuery এর মাধ্যমে অ্যানিমেশনের সময় কীভাবে তা স্টপ বা কন্ট্রোল করা যায় তার উপর আলোচনা করা হলো। stop() এবং finish() মেথড দুটি অত্যন্ত উপযোগী টুল যা এনিমেশনের সময় নিয়ন্ত্রণ দেয়।
stop() মেথড
stop() মেথড jQuery এনিমেশনগুলি কোনো দেওয়া পয়েন্টে থামানোর জন্য ব্যবহৃত হয়। এটি বিশেষ করে কার্যকর যখন একাধিক এনিমেশন কুয়ে জমা হয় এবং আপনি চান শুধুমাত্র চলমান এনিমেশন থামাতে।
ব্যবহার:
$("#myElement").stop(stopAll, goToEnd);
// stopAll: একটি বুলিয়ান মান যা নির্দিষ্ট করে যে কি সমস্ত কুয়েড এনিমেশন থামানো হবে না।
// goToEnd: একটি বুলিয়ান মান যা নির্দিষ্ট করে যে কি চলমান এনিমেশনটি তার শেষ পর্যায়ে নিয়ে যাওয়া হবে।
উদাহরণ:
$("#start").click(function(){
$("#myBox").animate({left: '+=200px'}, 2000); // 2000 মিলিসেকেন্ডের জন্য বক্সটি সরান
});
$("#stop").click(function(){
$("#myBox").stop(); // এনিমেশন থামান
});
finish() মেথড
finish() মেথড jQuery এনিমেশনগুলি তাদের চূড়ান্ত অবস্থানে তাৎক্ষণিকভাবে শেষ করার জন্য ব্যবহার করা হয়। এটি চলমান এবং অপেক্ষারত সব এনিমেশন শেষ করে দেয় এবং তাদের চূড়ান্ত অবস্থায় নিয়ে যায়।
ব্যবহার:
$("#myElement").finish();
উদাহরণ:
$("#start").click(function(){
$("#myBox").animate({left: '+=200px'}, 2000); // 2000 মিলিসেকেন্ডের জন্য বক্সটি সরান
});
$("#finish").click(function(){
$("#myBox").finish(); // এনিমেশন তাৎক্ষণিকভাবে শেষ করুন
});
stop() এবং finish() মেথডগুলি jQuery এনিমেশন নিয়ন্ত্রণের জন্য খুবই উপযোগী। stop() মেথড আপনাকে এনিমেশনের মাঝপথে থামতে সাহায্য করে, অন্যদিকে finish() মেথড এনিমেশনগুলিকে তাদের চূড়ান্ত পর্যায়ে দ্রুত নিয়ে যায়। এই টুলগুলি ব্যবহার করে আপনি আপনার ওয়েব পেজের ইন্টারঅ্যাক্টিভিটি এবং প্রতিক্রিয়াশীলতা বাড়াতে পারেন।
Read more
